@charset "utf-8";
/* CSS Document */
/* banner背景开始 */
.faculty_banner{background: url(../images/faculty_banner.jpg) no-repeat center;
		background-size:cover;
		-webkit-background-size:cover;
		-o-background-size:cover;
		-ms-background-size:cover;
		-moz-background-size:cover;
		height: 355px;
}
/* banner背景结束 */

/* 教授观点开始 */
.professor_view{border:1px solid #e5e7eb;position: relative;margin-bottom: 80px;}
.professor_tit{position: absolute;top: 0;left: 0;}
.pro_banner{width: 100%;position: relative;}
.pro_banner ul{position: absolute;left: 0;top: 0;width: 1000%;}
.pro_banner ul li{float: left;width: 220px;padding:40px 30px 0;}
.pro_name{color: #333;font-size: 30px;line-height: 50px;}
.pro_name a{color: #333;font-size: 30px;line-height: 50px;}
.pro_name_p{color: #b8b8b8;font-size: 14px;}
.pro_pic{overflow:hidden;width: 110px;height: 110px;margin-right: 18px;display: block;}
.pro_pic:hover{opacity: 0.9;}
.pro_inf_box{margin-top: 20px;}
.line-red{background: #c32139;width: 40px;height: 1px;}
.pro_banner{margin: 33px 0 18px 0;overflow:hidden;width: 100%;height: 377px;}
.pro_font_box h6{color: #333;font-size: 16px;line-height: 26px;font-weight: bold;margin-bottom: 3px;}
.pro_font_box h6 a{color: #333;font-size: 16px;line-height: 26px;font-weight: bold;}
.pro_font_box h6 a:hover{color: #4876ce;}
.pro_font_box p{color: #999;font-size: 12px;line-height: 24px;}
.pro_pic_box{margin-bottom: 20px;}
.professor_view ol{position: absolute;right: 30px;top: 18px;z-index: 2;}
.professor_view ol li{width: 9px;height: 9px;background-color: #cccccc;float: left;margin-right: 10px;cursor: pointer;border-radius: 100%;}
.professor_view ol li.current{background-color: #c32139;}

.pro_preparation_tit{color: #111;font-size: 14px;width: 84px;line-height: 45px;}
.pro_preparation_list li{float: left;background: url(../images/pro_t_bg.jpg) no-repeat center right;border-bottom:1px solid #eaeaea;}
.pro_preparation_list li a{color: #666;font-size: 14px;line-height: 45px;padding:0 20px;}
.pro_preparation_list li a:hover{color: #c32139;}
.pro_preparation_list li a.current{color: #c32139;}
.pro_preparation_list2 li a.current{color: #c32139;}
.pro_preparation_list1 li a.current{color: #c32139;}
.pro_preparation_list{width: 776px;position: relative;}

.pro_preparation_kong{height: 45px;background:none!important;}
.pro_preparation_kong1{height: 45px;background:none!important;}
.pro_preparation_kong2{height: 45px;background:none!important;}
.grapheme{width: 734px;padding-left: 21px;border-bottom: 1px solid #e9e9e9;margin-bottom: 20px;}
.grapheme li{float: left;margin:0 14px 12px 0;}
.grapheme a{display: block;width: 24px;height: 24px;border:1px solid #c4c7ca;background-color: #e7ebed;color: #313537;text-align: center;line-height: 24px;}
.grapheme a:hover{border:1px solid #c32139;background-color: #c32139;color: #fff;}
.grapheme a.current{border:1px solid #c32139;background-color: #c32139;color: #fff;}
.grapheme_tit{line-height: 23px;}
.grapheme_box{margin-top: 15px;}

.pro_preparation_box{border-top:1px solid #eaeaea;position: relative;margin-bottom: 44px;overflow: hidden;}
.arrowheadd{position: absolute;bottom:0px;left: 50%;margin-left:-18.5px;cursor: pointer;width: 37px;height: 26px;background: url(../images/arrowheadd.jpg) no-repeat center;text-align: center;z-index: 5;}
.arrowheadd.current{bottom: 1px;}
.little_arrowhead{
	position: relative;z-index: 2;
	margin-top: 8px;
	transition: all 2s;
	animation: questionM1 2s ease-in-out infinite alternate;
	-webkit-animation: questionM1 2s ease-in-out infinite alternate; 
	-moz-animation: questionM1 2s ease-in-out infinite alternate;
	-ms-animation: questionM1 2s ease-in-out infinite alternate;
	-o-animation: questionM1 2s ease-in-out infinite alternate;}

@-webkit-keyframes questionM1{
	from{
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
		-o-transform: translateY(-4px);
		transform: translateY(-4px);
	}
}
@-moz-keyframes questionM1{
	from{
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
		-o-transform: translateY(-4px);
		transform: translateY(-4px);
	}
}
@-ms-keyframes questionM1{
	from{
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
		-o-transform: translateY(-4px);
		transform: translateY(-4px);
	}
}
@-o-keyframes questionM1{
	from{
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	to{
		opacity: 1;
		-webkit-transform: translateY(-4px);
		-ms-transform: translateY(-4px);
		-moz-transform: translateY(-4px);
		-o-transform: translateY(-4px);
		transform: translateY(-4px);
	}
}

.pro_particulars_ul li{float: left;margin:0 40px 40px 0;width: 410px;height: 274px;position: relative;overflow: hidden;}
.bw_pic{width: 203px;height: 263px;overflow: hidden;position: relative;z-index: 1;}
.bl_arr{position: absolute;right:0;top: 50%;margin-top: -5px;
	width:0;
	height:0;
	border-width:10px;
	border-color: transparent #f2f2f2 transparent transparent;
	border-style: dashed solid dashed dashed ; 
}
.bw_font{background: #f2f2f2;width: 428px;height: 263px;position: absolute;right: -15px;bottom: 0}
.bw_font .fr{width: 180px;margin:60px 25px 0 0;}
.bw_font .fr h6{color: #333;font-size: 30px;}
.bw_font .fr h6 a{color: #333;font-size: 30px;}

.bw_font .fr p{color: #333;font-size: 14px;line-height: 30px;}
.bw_a:hover img{opacity: 0.9;}
.pro_preparation_box.current{height: 100px;}

/* 教授观点结束 */

/* 师资力量详情页面开始 */
.pro_de_top-box{
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 50px;
	padding:48px 0;
	background: url(../images/pro_de_bg.jpg) no-repeat top right;background-size: cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
}
.pro_de_l{overflow: hidden;width: 272px;height: 352px;border-right:7px solid #f2f2f2;border-left:7px solid #f2f2f2;margin-right: 40px;}
.pro_de_font{width: 535px;}
.pro_de_font h6{color: #b1b1b1;font-size: 35px;}
.pro_de_font p{color: #333;font-size: 16px;line-height: 35px;}

.pro_de_b_btn{width: 180px;}
.pro_de_b_btn li{height: 48px;background-color: #f2f3f5;width: 100%;cursor: pointer;position: relative;line-height: 48px;text-align: center;font-size: 14px;margin-bottom: 2px ;}
.pro_de_b_btn li.current1{color: #fff;background-color: #4876ce;}
.pro_de_b_btn li.current{background-color: #c32139;color: #fff;font-weight: bold;}
.pro_de_b_btn li.current .red_tri{display: block;}

.red_tri{position: absolute;left: -18px;top: 50%;margin-top: -10px;display: none;
	width:0;
	height:0;
	border-width:9px;
	border-color: transparent #c32139 transparent transparent;
	border-style: dashed solid dashed dashed ;}


.module_box{width: 480px;}
.module_tit{margin-bottom:12px;color: #333;}
.module_tit span{color: #c32139;font-size:24px;font-weight: bold;}
.module_tit img{margin:9px 5px 0 0;}
.module_tit_img{
	width: 5px;height: 22px;
	transition: all 1s;
	animation: bounce 1s ease-in-out infinite alternate;
	-webkit-animation: bounce 1s ease-in-out infinite alternate; 
	-moz-animation: bounce 1s ease-in-out infinite alternate;
	-ms-animation: bounce 1s ease-in-out infinite alternate;
	-o-animation: bounce 1s ease-in-out infinite alternate;
}

@-webkit-keyframes bounce {
  0%, 10% {
    
    -webkit-transform: scale(1.35,1) ;
    -ms-transform: scale(1.35,1) ;
    -moz-transform: scale(1.35,1) ;
    -o-transform: scale(1.35,1) ;
    transform: scale(1.35,1) ;

  }
  100% {
    
    -webkit-transform: scale(1,1)  ;
    -moz-transform: scale(1,1)  ;
    -ms-transform: scale(1,1)  ;
    -o-transform: scale(1,1)  ;
    transform: scale(1,1)  ;       
  }
}

@keyframes bounce {
  0%, 10% {
    
    -webkit-transform: scale(1.35,1) ;
    -ms-transform: scale(1.35,1) ;
    -moz-transform: scale(1.35,1) ;
    -o-transform: scale(1.35,1) ;
    transform: scale(1.35,1) ;

  }
  100% {
    
    -webkit-transform: scale(1,1)  ;
    -moz-transform: scale(1,1)  ;
    -ms-transform: scale(1,1)  ;
    -o-transform: scale(1,1)  ;
    transform: scale(1,1)  ;
      
  }
}

@-moz-keyframes bounce {
  0%, 10% {
    
    -webkit-transform: scale(1.35,1) ;
    -ms-transform: scale(1.35,1) ;
    -moz-transform: scale(1.35,1) ;
    -o-transform: scale(1.35,1) ;
    transform: scale(1.35,1) ;

  }
  100% {
    
    -webkit-transform: scale(1,1)  ;
    -moz-transform: scale(1,1)  ;
    -ms-transform: scale(1,1)  ;
    -o-transform: scale(1,1)  ;
    transform: scale(1,1)  ;
      
  }
}

@-ms-keyframes bounce {
  0%, 10% {
    
    -webkit-transform: scale(1.35,1) ;
    -ms-transform: scale(1.35,1) ;
    -moz-transform: scale(1.35,1) ;
    -o-transform: scale(1.35,1) ;
    transform: scale(1.35,1) ;

  }
  100% {
    
    -webkit-transform: scale(1,1)  ;
    -moz-transform: scale(1,1)  ;
    -ms-transform: scale(1,1)  ;
    -o-transform: scale(1,1)  ;
    transform: scale(1,1)  ;
     
  }
}

@-o-keyframes bounce {
  0%, 10% {
    
    -webkit-transform: scale(1.35,1) ;
    -ms-transform: scale(1.35,1) ;
    -moz-transform: scale(1.35,1) ;
    -o-transform: scale(1.35,1) ;
    transform: scale(1.35,1) ;

  }
  100% {
    
    -webkit-transform: scale(1,1)  ;
    -moz-transform: scale(1,1)  ;
    -ms-transform: scale(1,1)  ;
    -o-transform: scale(1,1)  ;
    transform: scale(1,1)  ;
     
  }
}

.module_box a{color: #666;font-size: 14px;line-height: 24px;}
.module_box a:hover{color: #4876ce;}
.module_list li{margin-bottom: 8px;}

.module_box .module{display: none}
.module_box .module p{
    margin-bottom: 6px;
    color: #333;
   
    margin-bottom:16px;
    font-size: 16px!important;
    padding: 0px!important;
    line-height: 1.5!important;
}
.module_box .module2 p{
	 text-indent:2rem;
}
.module_box .module.current{display: block;}
/* 师资力量详情页面结束 */